<template>
    <!--    编写html部分代码-->
    <div>

        <h1>单文件组件11111</h1>
        <!--    调用两个单文件组件  注意：写在div标签内部-->
<!--        <Child1></Child1>-->
<!--        <Child2></Child2>-->
        <router-view></router-view>

    </div>


</template>

<script>
    // 写js部分代码
    // 导入CHild1和Child2的单文件组件
    import Child1 from './componts/Child1.vue'
    import Child2 from './componts/Child2.vue'

    export default {
        // 将两个单文件组件进行注册
        components: {
            Child1,
            Child2
        }
    }

</script>

<style>
    /*写css部分代码*/
</style>